<!doctype html>
<html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Keywords" content="from">
		<meta name="Description" content="from">
		<meta name="Author" content="哈哈大王">
		<title>form表单登录练习</title>
		<link rel="icon" href="../static/image/akl.ico" type="image/x-icon/">
		<style>
		*{margin:0px;
		   padding:0px;
		   list-style:none;
		}
			html,body{
				width:100%;
				height:100%;
				background-image:url(../static/image/ameng.jpg);
				background-repeat:no-repeat;
				background-size:100% 100%
			}
			.singin{
			position:relative;
			left:250px;
			top:500px;
			width:450px;
			height:400px;
			border:10px solid rgba(255, 255, 255, 0.25);
			background:url(../static/image/user.jpg) 49px 31px no-repeat,	url(../static/image/psword.jpg)  49px 105px no-repeat;
			background-size:9%,9%;
			}
			input[name*="user"]{
			width:300px;
			height:40px;
			margin-top:30px;
			margin-left:90px;
			font-size:20px;
			}
			form>a{
				/* display:inline-block; */
				margin:20px;
			}
			input[name*="get"]{
			width:20px;
			height:60px;
			margin-left:85px;
			vertical-align:middle;
			}
			form>a:link,form>a:visited{
			text-decoration:none;
			color:pink;
			}
			form>a:hover{
			text-decoration:underline; 
			font-size:25px;
		}
		img{width:25px;
			height:25px;
			border:5px solid rgba(255, 255, 255, 0.25);
			vertical-align:middle;
		}
		span{font-size:12px;
				margin-left:50px;
		}
		.box2>a{/* width:30px;
			height:30px; */
			margin-right:10px;
		}
		img:hover{width:40px;
			height:40px;
			border:3px solid pink;
		} 
		.box2{
		position:absolute;
			left:45px;
			bottom:30px;
		width:600px;
		height:60px;
		margin-bottom:30px;
		line-height:60px;
		}
		
		</style>
	</head>
	<body>
		<div class="singin">
			<form method="post" action=""> 
				<input type="text" name="username" placeholder="请输入时光机序号"><br>
				<input type="password" name="userpassword" placeholder="请输入时光机密码"><br>
				<input type="checkbox" name="getpsword">记住密码<a href="">欢迎注册</a><a href="">忘记密码?</a>
			</form>
			<div class="box2">
			<span>合作网站账号登录：</span>
				<a href=""><img src="../static/image/wx.png" alt="dfasd"/></a>
				<a href=""><img src="../static/image/QQ.png" alt="asd"/></a>
				<a href=""><img src="../static/image/tb.jpg" alt="dasd"/></a>
			</div>
		</div>
		
	</body>
</html>